<template>
  <Nav :showBlack="false">
    <img src="../assets/title.png" class="logo" alt=""  >
  </Nav>
  <div class="page">
     <div class="vidoeBox">
       <video src="" id="video"></video>
     </div>
    <div class="bottom">
       <div class="title">宣纸载茶经，手礼传古韵。</div>
       <div class="min-title">宣纸茶经作为文创伴手礼，其文化寓意体现在对传统文化的尊重与传承、艺术与生活的和谐统一、传承与创新的结合以...</div>
    </div>
  </div>
</template>
<script setup>
import Nav from "@/components/nav.vue";
</script>
<style scoped lang="scss">
.page {
  width: 100%;
  height: 100%;
  background: #262739;
}
.logo {
  height: 50px;
  width: auto;
}
.vidoeBox {
  height: 626px;
  width: 100%;
  background: #000;
}
#video {
  width: 100%;
}
.bottom {
  height: calc(100% - 626px);
  background: #f6f0e6;
  border-radius: 40px 40px 0 0;
  padding: 83px;
  .title {
    font-size: 46px;
    margin-bottom: 34px;
    font-weight: bold;
  }
  .min-title {
    font-size: 32px;
    line-height: 1.6;
  }
}
</style>
